<template>
  <a-modal
    :title="title"
    :width="1200"
    :visible="visible"
    :confirmLoading="confirmLoading"
    @cancel="handleCancel">
    <template slot="footer">
      <a-button type="primary" @click="handleOk(1)">发送</a-button>
      <!-- <a-button key="submit" type="primary" @click="save">保存</a-button> -->
    </template>
    <a-spin :spinning="confirmLoading">
      <a-form :form="model" style="padding-top: 20px">
        <a-form-item
          :labelCol="labelCol"
          :wrapperCol="wrapperCol"
          label="收件邮箱">
          <a-input  type="hidden" v-model="model.id" ></a-input>
          <a-input  placeholder="请输入收件邮箱" v-model="model.email" disabled></a-input>
        </a-form-item>
        <a-form-item
          :labelCol="labelCol"
          :wrapperCol="wrapperCol"
          label="标题">
          <a-textarea placeholder="请输入标题" :row="1" v-model="model.emailTitle"/>
        </a-form-item>
        <a-form-item
          :labelCol="labelCol"
          :wrapperCol="wrapperCol"
          label="内容">
          <j-editor
            v-model="model.content"
            ref="editor" style="width: 100%;">
          </j-editor>
        </a-form-item>
      </a-form>
    </a-spin>
  </a-modal>
</template>

<script>
import {httpAction,getAction, postAction} from '@/api/manage'
import {ACCESS_TOKEN} from "@/store/mutation-types"
import Vue from 'vue'
import store from '@/store'
import moment from 'moment'
import JUpload from '@/components/jeecg/JUpload'
import JEditor from '@/components/jeecg/JEditor.vue';

export default {
  name: "EoaEmailDraftsModal",
  components: {
    JUpload,
    JEditor
  },
  data() {
    return {
      description: "发送Offer",
      title: "发送Offer",
      visible: false,
      previewVisible: false,
      disabled:true,
      model: {
        email:"1622476467@qq.com",
        emailTitle:"录用通知书-{name}",
        content:'<p>尊敬的{name} {sex}：</p><p>您好!</p><p>通过我公司对您本人简历的筛选，以及对您本人的初试/复试，您已通过我公司的招聘考核。我们现以书面方式通知您已被公司正式录用，于报到之日起进入试用期阶段，于<span style="text-align: right;">${year}</span>年<span style="text-align: right;">${month}</span>月<span style="text-align: right;">${day}</span>日 ，到我公司(合肥市 XX区XX路/弄XX号XX室)入职报到，担任我公司&nbsp;<span style="text-align: right;">${position}</span>职务。</p><p>请您在报到当日携带好以下个人资料，交至人事行政部存档：</p><p>① 本人一寸免冠照片2张;</p><p>② 本人身份证原件;</p><p>③ 本人学历证书/技术职称证书/岗位特种作业操作证书原件;</p><p>④ 本人与原单位解除或终止劳动合同的证明;</p><p>⑤ 本人体检证明(体检报告必须是县级医院以上级别); 特别说明：</p><p>① 以上要求携带的资料，如您无法及时提供，请您及时致电公司人事行政 部,否则将不予录用;</p><p>② 被录取的员工，请在本通知书规定期限内报到，逾期未报到且未与公司 提前说明的，公司将不予录用。</p><p>③ 本《员工入职通知书》将作为公司与员工个人签订劳动合同的附件之一; 如有疑问，您可以致电公司人事行政部。</p><p>人事行政部联系人：(02X)总机 XXXXXXXX - XXXX分机 蒋小姐</p><p><span style="text-align: right;">安徽禾美集团有限公司</span>热忱欢迎您的加入!让我们怀着&ldquo;诚信立足，创新致远&rdquo;的信念，共同开创美好的明天!</p><p style="text-align: right;">&nbsp;</p><p style="text-align: right;">{year}年{month}月{day}日</p><p style="text-align: right;">安徽禾美集团有限公司</p>',
      },
      labelCol: {
        xs: { span: 24 },
        sm: { span: 5 },
      },
      wrapperCol: {
        xs: { span: 24 },
        sm: { span: 16 },
      },
      headers:{
      },
      confirmLoading: false,
      form: this.$form.createForm(this),
      parentId:null,
      fileList:[],
      show:true,
      realname:[],
      status:"",
      ids:"",
      url: {
        queryById: "/api/erp/hr/apply/erpHrApplyRegisterBill/queryBillById",
        sendEmailToOffer: "/api/erp/hr/induction/erpHrInductionBill/sendEmailToOffer",
      },
      urgentFlag:[],
      receiptFlag:[],
      }
    },
    created () {
    },
    methods: {
      loadDate (record) {
        this.confirmLoading=true;
        console.log(record);
        let form=this.model;
        getAction(this.url.queryById,{id:record.applyId}).then((res) => {
          if (res.success) {
            let data=res.result;
            console.log(data);
            let date=moment().format('YYYY-MM-DD');
            let sex=data.gender=='1'?'先生':"女士";
            let content="<p class='MsoNormal' style='text-align: center;' align='center'><strong><span style='font-size: 18pt; font-family: 微软雅黑, 'sans-serif';'>录用通知单</span></strong></p><p class='MsoNormal'><u><span style='font-size: 12pt; font-family: 微软雅黑, 'sans-serif';'>"+data.name+" "+sex+"</span></u><span style='font-size: 12pt; font-family: 微软雅黑, 'sans-serif';'>：（身份证号：<u><span lang='EN-US'>"+data.idCardNo+"</span></u>）</span></p><p class='MsoNormal' style='text-indent: 24pt; text-align: left;'><span style='font-size: 12pt; font-family: 微软雅黑, 'sans-serif';'>通过我公司的招聘选拔程序，您已被确定录用。首先欢迎您的加盟，其次请您仔细阅读以下内容，按要求备齐相关资料，请于<u><span lang='EN-US'>"+record.arrivalTime.substr(0,4)+"</span></u>年<u><span lang='EN-US'>"+record.arrivalTime.substr(5,2)+"</span></u>月<u><span lang='EN-US'>"+record.arrivalTime.substr(8,2)+"</span></u>日携带以下材料至人力资源部办理入职报道手续：</span></p><p class='MsoNormal' style='margin-left: 0cm; text-indent: 24pt; text-align: left;'><span lang='EN-US' style='font-size: 12pt; font-family: 微软雅黑, 'sans-serif';'>1、</span><span style='font-size: 12pt; font-family: 微软雅黑, 'sans-serif';'>最后任职公司离职证明（应届毕业生无需提供）；</span></p><p class='MsoNormal' style='margin-left: 0cm; text-indent: 24pt; text-align: left;'><span lang='EN-US' style='font-size: 12pt; font-family: 微软雅黑, 'sans-serif';'>2、</span><span style='font-size: 12pt; font-family: 微软雅黑, 'sans-serif';'>身份证原件及复印件；</span></p><p class='MsoNormal' style='margin-left: 0cm; text-indent: 24pt; text-align: left;'><span lang='EN-US' style='font-size: 12pt; font-family: 微软雅黑, 'sans-serif';'>3、</span><span style='font-size: 12pt; font-family: 微软雅黑, 'sans-serif';'>毕业证书、学位证书原件及复印件<span lang='EN-US'>;</span></span></p><p class='MsoNormal' style='margin-left: 0cm; text-indent: 24pt; text-align: left;'><span lang='EN-US' style='font-size: 12pt; font-family: 微软雅黑, 'sans-serif';'>4、</span><span style='font-size: 12pt; font-family: 微软雅黑, 'sans-serif';'>本人近一年证件照<span lang='EN-US'>1</span>寸<span lang='EN-US'>4</span>张（数码底版<span lang='EN-US'>1</span>份）；</span></p><p class='MsoNormal' style='text-indent: 24pt; text-align: left;'><span lang='EN-US' style='font-size: 12pt; font-family: 微软雅黑, 'sans-serif';'>5</span><span style='font-size: 12pt; font-family: 微软雅黑, 'sans-serif';'>、招商银行卡复印件一张（注明户名、开户行及银行卡号）；</span></p><p class='MsoNormal' style='text-indent: 24pt; text-align: left;'><span lang='EN-US' style='font-size: 12pt; font-family: 微软雅黑, 'sans-serif';'>6</span><span style='font-size: 12pt; font-family: 微软雅黑, 'sans-serif';'>、职称证书或职业资格证（如有）等有效证件的原件、复印件（实习生可<span lang='EN-US'>&nbsp;</span>待毕业后再提供，人力资源部查验后归还并留复印件）；</span></p><p class='MsoNormal' style='text-indent: 24pt; text-align: left;'><span lang='EN-US' style='font-size: 12pt; font-family: 微软雅黑, 'sans-serif';'>7</span><span style='font-size: 12pt; font-family: 微软雅黑, 'sans-serif';'>、学信网学历证明；</span></p><p class='MsoNormal'><span style='font-size: 12pt; font-family: 微软雅黑, 'sans-serif'; background: yellow;'><b>（<span lang='EN-US'>1-7</span>的文件另准备扫描电子档（图片格式）一份）</span></b></p><p class='MsoNormal' style='text-indent: 24pt; text-align: left;'><span lang='EN-US' style='font-size: 12pt; font-family: 微软雅黑, 'sans-serif';'>8</span><span style='font-size: 12pt; font-family: 微软雅黑, 'sans-serif';'>、近期（近<span lang='EN-US'>3</span>个月内有效）体检合格证明，或去公司合作社区医院进行入职体检；</span></p><p class='MsoNormal' style='text-indent: 24pt; text-align: left;'><span lang='EN-US' style='font-size: 12pt; font-family: 微软雅黑, 'sans-serif';'>9</span><span style='font-size: 12pt; font-family: 微软雅黑, 'sans-serif';'>、请关注右侧企业公众号。<img src='https://prod.ahhmhb.com/images/official-account.jpg' style='margin-left:25px' height='100' width='100' alt='微信公众号-禾美环保'  /></span></p></p><p class='MsoNormal' style='text-indent: 24pt; text-align: left;' align='left'><span style='font-size: 12pt; font-family: 楷体;'>备注：</span></p><p class='MsoNormal' style='margin-left: 0cm; text-indent: 24pt; text-align: left;' align='left'><span lang='EN-US' style='font-size: 12pt; font-family: 楷体;'>1、</span><span style='font-size: 12pt; font-family: 楷体;'>此录用<span lang='EN-US'>OFFER</span>已确认了您的专业资格，若入职资格的审核不符合要求，此<span lang='EN-US'>OFFER</span>自动取消。</span></p><p class='MsoNormal' style='margin-left: 0cm; text-indent: 24pt; text-align: left;' align='left'><span lang='EN-US' style='font-size: 12pt; font-family: 楷体;'>2、</span><span style='font-size: 12pt; font-family: 楷体;'>入职需首先到公司人力资源部报道并办理手续，个人提供的资料不齐全或虚假者，公司将不予录用且不承担任何责任。</span></p><p class='MsoNormal' style='margin-left: 0cm; text-indent: 24pt; text-align: left;' align='left'><span lang='EN-US' style='font-size: 12pt; font-family: 楷体;'>3、</span><span style='font-size: 12pt; font-family: 楷体;'>如您有任何疑义，可电联人力资源部<span lang='EN-US'>13355691241.</span></span></p><p style='text-align: right;' align='left'><span lang='EN-US'>&nbsp;&nbsp;</span>安徽禾美环保集团有限公司</p><p style='text-align: right;'>人力资源部</p><p class='MsoNormal' style='text-align: right;'><span lang='EN-US'>"+date.substr(0,4)+"</span>年<span lang='EN-US'>"+date.substr(5,2)+"</span>月<span lang='EN-US'>"+date.substr(8,2)+"</span>日</p><p class='MsoNormal' style='text-indent: 312pt; text-align: right;'>&nbsp;</p>";
            this.$set(this.model,'content',content);
            this.$set(this.model,'id',record.id);
            this.$set(this.model,'emailTitle',"录用通知书-"+record.applyId_dictText);
            this.$set(this.model,'email',data.contactInfo.email);
            this.confirmLoading=false;
          }
        })
        this.visible=true
      },
      close () {
        this.form.resetFields();
        this.visible = false;
      },
     handleCancel(){
        this.$emit('close');
        this.close();
     },
     handleOk () {
          let formData = Object.assign(this.model);
          console.log(formData);
          if(!formData.email){
            this.$message.warning("请填写邮件！")
            return
          }
          if(!formData.emailTitle){
            this.$message.warning("请填写标题！")
            return
          }
           if(!formData.content){
            this.$message.warning("请填写内容！")
            return
          }
          postAction(this.url.sendEmailToOffer, formData).then((res) =>{
            if(res.success){
              this.$emit('ok')
              this.close()
              this.$message.success("发送成功！")
            }
          })
      
      },
  }
  }
</script>

<style lang="less" scoped>
  .comment{
    border: 1px solid #e7eaec;
    padding: 5px 10px;
    font-size: 12px;
    line-height: 1.5;
    border-radius: 5px;
  }
  .btn{
    padding: 5px 10px;
    font-size: 12px;
    line-height: 1.5;
    color: white;
    background-color: blue;
    margin-left: 10px;
  }
</style>